<template>
  <div>
    <!-- 动态style语法
		  :style="{css属性名: 值}"
		 -->
    <!-- <p :style="{ color: 'red' }">动态style</p> -->

    <!-- <p :style="{ fontSize: '20px' }"></p> -->

    <p :style="{ fontSize: '20px', backgroundColor: 'pink' }"></p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      // red: true,
      red: "red",
    };
  },
};
</script>

<style scoped>
</style>
